<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>origin iframe</title>
  </head>
  <body>
    <h1>子页面</h1>
    <script>
      // 不同源情况不能使用
      // console.log(window.parent); // 父页面的window
      // const h1 = window.parent.document.querySelector("h1");
      // console.log(h1);

      // 子页面接受父页面的消息
      window.onmessage = function (e) {
        console.log(e.data);
      };

      const h1 = document.querySelector("h1");
      h1.onclick = function () {
        window.parent.postMessage("hello 父页面", "http://127.0.0.1:5500");
      };
    </script>
  </body>
</html>
